<html>
<head>
<link type="text/css" rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css">
<link type="text/css" rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker-bs3.css">
<link type="text/css" rel="stylesheet" href="../../plugins/iCheck/all.css">
<link rel="stylesheet" href="../../plugins/colorpicker/bootstrap-colorpicker.min.css">
<link rel="stylesheet" href="../../plugins/timepicker/bootstrap-timepicker.min.css">
<link type="text/css" rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<link type="text/css" rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<link type="text/css" rel="stylesheet" href="../../plugins/iCheck/all.css">
<title>123</title>
</head>
<body>
<div class="box box-danger">
                <div class="box-header">
                  <h3 class="box-title">Input masks</h3>
                </div>
                <div class="box-body">
                  <!-- Date dd/mm/yyyy -->
                  <div class="form-group">
                    <label>Date masks:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </div>
                      <input type="text" data-mask="" data-inputmask="'alias': 'dd/mm/yyyy'" class="form-control">
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->

                  <!-- Date mm/dd/yyyy -->
                  <div class="form-group">
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </div>
                      <input type="text" data-mask="" data-inputmask="'alias': 'mm/dd/yyyy'" class="form-control">
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->

                  <!-- phone mask -->
                  <div class="form-group">
                    <label>US phone mask:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-phone"></i>
                      </div>
                      <input type="text" data-mask="" data-inputmask="&quot;mask&quot;: &quot;(999) 999-9999&quot;" class="form-control">
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->

                  <!-- phone mask -->
                  <div class="form-group">
                    <label>Intl US phone mask:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-phone"></i>
                      </div>
                      <input type="text" data-mask="" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" class="form-control">
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->

                  <!-- IP mask -->
                  <div class="form-group">
                    <label>IP mask:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-laptop"></i>
                      </div>
                      <input type="text" data-mask="" data-inputmask="'alias': 'ip'" class="form-control">
                    </div><!-- /.input group -->
                  </div><!-- /.form group -->

                </div><!-- /.box-body -->
              </div>

			  </body>
</html>